<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.left {
				float: left;
			}
			
			.right {
				float: right;
			}
			
			.head {
				height: 50px;
			}
			
			.minhead {
				width: 900px;
				height: 50px;
				position: relative;
				margin: 0 auto;
			}
			
			.logo {
				position: absolute;
				top: 5px;
				left: 0;
				width: 180px;
				height: 40px;
				background-color: pink;
			}
			
			.text {
				position: absolute;
				right: 0;
				top: 5px;
				width: 200px;
				height: 30px;
			}
			
			input {
				border: 0 none;
				outline-style: none;
			}
			
			input[type=text] {
				width: 160px;
				height: 28px;
				border: 1px solid lightcyan;
			}
			
			input[type=button] {
				width: 30px;
				height: 30px;
				background-image: url(../img/search2.jpg);
			}
			
			.maxnav {
				height: 55px;
				border-top: 1px ghostwhite;
				background-image: url(../img/nav_bg.png);
			}
			
			.nav {
				width: 980px;
				margin: 0 auto;
			}
			
			.nav ul li {
				list-style: none;
			}
			
			.nav ul li a {
				display: inline-block;
				height:60px;
				float: left;
				background: url(../img/nav_bg-line.png) no-repeat right;
				padding: 0 46px;
				line-height: 60px;
				font-weight: 700;
				text-decoration: none;
			}
			
			.nav ul li a:hover {
				color: green;
			}
			
			.main {
				width: 980px;
				margin: 0 auto;
			}
			
			.ad {
				height: 40px;
				background-color: aliceblue;
				margin: 10px;
			}
			
			.minad {
				width: 1000px;
				height: 30px;
				margin: 0 auto;
			}
			
			.word {
				margin: 10px 0;
				float: left;
			}
			
			.picture {
				margin: 10px 0;
				float: right;
			}
			
			.foot {
				width: 1000px;
				height: 200px;
				margin: 0 auto;
			}
			
			.foot_left {
				width: 300px;
				height: 250px;
				margin: 5px;
				border: 1px lightcyan solid;
				position: relative;
			}
			
			.phone {
				width: 100px;
				height: 150px;
				margin: 35px auto;
			}
			
			.corner_left,
			.corner_mid,
			.corner_right {
				position: absolute;
				font-size: 10px;
				left: 0;
				top: 0;
				color: green;
			}
			
			.guide_left {
				position: absolute;
				left: 0;
				top: 90px;
			}
			
			.guide_right {
				position: absolute;
				right: 0;
				top: 90px;
			}
			
			.foot_mid {
				position: relative;
				width: 400px;
				height: 250px;
				margin: 5px;
				border: 1px lightcyan solid;
			}
			
			.textarea {
				margin: 35px auto;
				width: 350px;
				font-size: 10px;
			}
			
			.list li {
				height: 27px;
				border-bottom: 1px dashed #DCDCDC;
				line-height: 27px;
				list-style: none;
			}
			
			.foot_right {
				position: relative;
				width: 250px;
				height: 250px;
				margin: 5px;
				border: 1px lightcyan solid;
			}
			
			.minfoot {
				width: 200px;
				margin: 35px auto;
				font-size: 10px;
				line-height: 30px;
			}
			
			.minfoot {
				list-style: url(../img/green.png);
			}
			
			.mintext {
				margin: 10px auto;
				font-size: 10px;
				width: 200px;
				height: 50px;
			}
			
			.bottom {
				position: relative;
				top: 60px;
				height: 200px;
				background: black;
			}
			
			.minbottom {
				font-size: 15px;
				height: 150px;
				width: 1000px;
				margin: 0 auto;
			}
			
			.list1 {
				width: 1000px;
				color: white;
				position: relative;
				top: -60px;
				left: -20px;
			}
			
			.list2 {
				width: 1000px;
				color: gainsboro;
				position: relative;
				top: -60px;
				left: -20px;
			}
			
			.list1 ul li,
			.list2 ul li {
				padding-right: 50px;
				float: left;
				list-style: none;
			}
			
			.last {
				border-top: 1px dashed gray;
				height: 60px;
				font-size: 15px;
				background: lightgrey;
				text-align: center;
				padding-bottom: 20px;
			}
		</style>
	</head>

	<body>

		<div class="head">
			<div class="minhead">
				<div class="logo "><img src="../img/logo.jpg" / alt=""></div>
				<div class="text"><input type="text" value="请输入..." /><input type="button" /></div>
			</div>
		</div>
		<div class="maxnav">
			<div class="nav">
				<ul>
					<li>
						<a href="#">首页
						</a>
					</li>
					<li>
						<a href="#">智能手机
						</a>
					</li>
					<li>
						<a href="#">平板电脑
						</a>
					</li>
					<li>
						<a href="#">配件
						</a>
					</li>
					<li>
						<a href="#">服务支持
						</a>
					</li>
					<li>
						<a href="#">关于尚合
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="main"><img src="../img/banner.jpg" alt="" /></div>
		<div class="ad">
			<div class="minad">
				<div class="word">最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</div>
				<div class="picture"><img src="../img/zone.png" /><img src="../img/renren.png" /><img src="../img/weibo.png" /><img src="../img/xinlang.png" /></div>
			</div>
		</div>
		<div class="foot">
			<div class="foot_left left">
				<div class="phone"><img src="../img/home_hot_01.png" /></div>
				<div class="corner_left"><img src="../img/o.jpg" />新品发布</div>
				<div class="guide_left"><img src="../img/left.png" /></div>
				<div class="guide_right"><img src="../img/right.png/"></div>
			</div>
			<div class="foot_mid left">
				<div class="corner_mid"><img src="../img/o.jpg" />新闻中心</div>
				<div class="textarea">
					<ul class="list">
						<li style="color: red">致歉公告</li>
						<li>首批尚合Aonet已全部售馨!</li>
						<li>【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
						<li>我司产品已经通过了国家强制性产品3C认证</li>
						<li>尚合Aone智能手机入网证已经获工信部门审批下发.</li>
						<li>我司通过ISO9001:2008国际质量管理体系认证</li>
					</ul>
				</div>
			</div>
			<div class="foot_right right">
				<div class="corner_right"><img src="../img/o.jpg" />技术与支持</div>
				<div class="minfoot">
					<ul>
						<li>售后服务</li>
						<li>投诉与建议</li>
						<li>联保网点</li>
						<li>常见问题FAQ</li>
					</ul>

				</div>
				<div class="mintext">
					<p>深圳市汇聚众合科技发展有限公司<br/>服务热线：400-633-7922</p>
				</div>

			</div>
		</div>
		<div class="bottom">
			<div class="minbottom">
				<div class="list1 left">
					<ul>
						<li>尚合首页</li>
						<li>尚合首页</li>
						<li>尚合首页</li>
						<li>尚合首页</li>
					</ul>
				</div>
				<div class="list2 left">
					<ul>
						<li>返回首页</li>
						<li>返回首页</li>
						<li>返回首页</li>
						<li>返回首页</li>
					</ul>
				</div>
			</div>
			<div class="last">
				<p>深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br>会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司</p>
			</div>
		</div>
	</body>

</html>